<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div>
        <p v-text="info"></p>
        <p v-html="info"></p>
    </div>

    <!--<div id="app">
        &lt;!&ndash; {{变量名}}插值：让这个文本内容和变量进行绑定 &ndash;&gt;
        {{ info }}
        <p v-text="info"></p>
        <p v-html="info"></p>

    </div>-->
    <!-- 开发环境版本，包含了有帮助的命令行警告 -->
    <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>

</body>
<script>
    //创建vue对象，vue对象相当于MVVM模式中的VM视图模型
    var app = new Vue({
        //el: '#app', //el=element元素，设置vue框架管理的元素是哪一个
        el: 'body>div', //el=element元素，设置vue框架管理的元素是哪一个
        data: {//在data里面定义和页面进行绑定的变量
            info: '你好，Hello Vue!'
        }
    })
</script>
</html>
